7 ресурсов для веб-дизайнера — Март 2016

Работа любого веб-дизайнера – тяжелый творческий труд. Для более продуктивной/эффективной деятельности можно воспользоваться рядом интернет ресурсов, которые значительно упростят работу и дадут приток новых идей. Обзоры таких сайтов мы стараемся регулярно публиковать — после январской подборки встречайте 7 интересных проектов за март 2016.

BrandColors

На сайте Brandcolors можно найти кодировки цветов всех самых популярных мировых брендов. Найдете их сразу же на главной странице: слева расположены названия, справа – все цвета, которые используются данной компанией. Нужно просто навести на цветной квадратик, и вы увидите его кодировку.

Также можно скачивать палитры определенных брендов. Выберите несколько строчек (простым кликом), и нажмите на кнопку Collection. В выпадающем списке нужно определить формат, в котором будут сохранены выбранные кодировки. Есть функция скачать все сразу, нажав на кнопку All, вверху справа. Таким образом, можно либо использовать сервисы подбора цветов для сайта либо взять готовые решения успешных брендов.

Skala Color

Skala Color – необычный бесплатный инструмент выбора цвета, работающий с устройствами под управлением OS X. Программа имеет возможность подбирать палитры, которые присутствуют в других приложениях устройства. Для этого нужно ее запустить в фоновом режиме вместе с другим софтом. Также Skala Color может распознавать цвета из буфера обмена гаджета или компьютера. Скачать приложение можно по ссылке Free Download на странице сервиса.

Uispace

Веб-ресурс Uispace содержит бесплатную библиотеку всевозможных графических элементов и шаблонов для ui/ux дизайнеров. Весь контент на сайте разбит по категориям: PSD-шаблоны, макеты, эскизы, шрифты, иконки, иллюстрации. Материалы на сайте эксклюзивные и доступны для скачивания без предварительной регистрации.

Если хотите представить свои работы, то нужно зарегистрироваться, воспользовавшись социальными сетями Facebook или Twitter. Разработчики должны оценить находку по достоинству. Также им пригодится библиотека паттернов интерфейсов UI Patterns.

CSS Ruler

CSS Ruler – вспомогательный сервис для подбора CSS величин в реальном времени. Работает он следующим образом. В центральном окне отображаются графические блоки, построенные на основе CSS. В левой стороне располагаются переменные значения, которые можно менять для экспериментов с системами величин. В частности, есть возможность смотреть зависимость величин от шрифта (font relative), от размера окон (viewport percentage), и абсолютное физическое измерение (absolute). Ресурс будет очень полезен как веб-дизайнерам, так и верстальщикам.

Gridpak

Gridpak – веб-сервис, который помогает в несколько кликов мышкой сгенерировать модульную CSS — сетку для адаптивного дизайна интернет проекта практически любой сложности. Рабочая область находится на главной странице, справа найдете числовые переменные, такие как: количество столбцов, ширина рамки, а также добавление точек остановки.

Сам процесс разметки модульной сетки происходит путем перетаскивания рабочей области, при зажатии кнопки с двумя стрелочками.

Результат можно загрузить, нажав на кнопку Download your Gridpak внизу сайта.

Best PSD Freebies

Best PSD Freebies – еще одна качественная библиотека исходных графических файлов в PSD формате. Ассортимент сайта представлен широким набором иконок, ползунков, кнопок, баннеров, лент и многих других Photoshop файлов.

Практически весь графический контент на сайте бесплатен за исключением лишь некоторых работ. Как правило, каждая порция новых дизайнерских материалов выходит в виде поста, с коротким описанием и самими файлами. Чтобы отсортировать только бесплатные файлы, нужно нажать на ссылку Freebies вверху сайта.

CodePen

Codepen – интернет-площадка, с помощью которой можно в онлайн режиме писать, тестировать код на языках HTML, CSS и JS и выполнять просмотр результата в реальном времени. На главной странице находятся уже готовые примеры реализованного кода пользователями сервиса. Их можно просматривать, изменять исходники, а также использовать в своих целях.

Чтобы создать и протестировать собственный код, нажмите на ссылку New Pen. На открывшейся странице будет 3 окна для кодирования — HTML, CSS и JS. Чуть ниже расположено поле, в котором будут отображаться результаты работы в реальном режиме. Сервис облегчит создание разных элементов верстки и скриптов. Для детального ознакомления советуем почитать обзор онлайн редактора кода CodePen.

Вот такая интересная подборка ресурсов для веб-дизайнера получилась за март 2016. Так получилось, что большинство из них касаются тематики верстки. Следующую подобную статью ожидайте через месяц.